/*
pop 外在肌肤，水嫩丝滑
生成时间：Fri Mar 11 2016   破门狂人R2-D2为您服务！
*/
.pop-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top:0px;
    overflow-y: scroll;
    background-color: rgba(210, 210, 210, 0.45);
}

.on-the-way{
    overflow-y:  auto;
}

.pop-panel{
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border:1px solid #cecece;
    border-radius: 9px;
    padding:10px;
    box-shadow: 0px 2px 10px #b3b3b3;
    min-height: 100px;
    position: relative;
    transition: 0.25s all ease-in-out;

    margin-top:70%;
    opacity: 0;

    margin-bottom: 300px;
}

.pop-bg>.state-1{
    /*开关过渡样式*/
    margin-top:70%;
    opacity: 0;
}
.pop-bg>.state-2{
    /*完全开启的样式*/
    margin-top: 7%;
    opacity: 1;
}

.pop-close{
    position: absolute;
    background-color: red;
    color:#ffffff;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: 0.05s all;

    /*要做动画变更的值*/
    width: 30px;
    height: 30px;
    font-size: 39px;
    line-height: 30px;
    top: -13px;
    right: -12px;
}
.pop-close:hover{
    width: 35px;
    height: 35px;
    font-size: 42px;
    line-height:35px;
    top:-16px;
    right: -16px;
}